<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"/>
	<title>一情幻世</title>
	<link rel="stylesheet" type="text/css" href="themes/material/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="themes/icon.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body class="easyui-layout" id="main-panel">
	<div data-options="region:'north',border:false" style="overflow:hidden;background:rgba(243, 246, 248, 1);height:60px">
		<span style="float:left;font:bold 55px/30px 'Microsoft YaHei';font-size:20px;padding-top:12px;padding-left:50px" >
			进化式架构
		</span><div style="float:right;padding-right:20px;height:200px"></div>
    </div>
    <!--用户名下拉菜单-->
	<div class="user_info">
   		<table><tr><td>
	   		<a href="javascript:void(0)" id="user_oprt">
				<span style="font-size:16px" th:text="${username}"></span>
			</a>
   		</td></tr></table>
	</div>
	
	<!--菜单导航内容-->
	<div id="west" data-options="region:'west',border:false" split="true" title="  " 
		style="background:rgba(243, 246, 248, 1);width:210px">
		<div id='wnav' class="easyui-accordion" style="overflow-y:auto;" fit="true" border="false"></div>
	</div>
	
	<!--主面板-->
	<div id="content" data-options="region:'center',border:false" class="grid_panel">
		<div id="tabs" class="easyui-tabs" data-options="fit:true,border:false,plain:true">
			<div title="首页" data-options="href:''" style="padding:5px"></div>
		</div>
	</div>
	
	<!--版权信息-->
	<div data-options="region:'south',split:true,border:false" align="right" style="height:30px;background:rgba(243, 246, 248, 1)">
		<i class="fa fa-copyright"></i>2018-2020 V1.0 Mr.Song All Rights Reserved &nbsp;&nbsp;
	</div>
	
	<!--tab下拉菜单-->
	<div id="mm" class="easyui-menu" style="display:none;width:150px;">
		<div id="mm-tabupdate">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabcloseall">全部关闭</div>
		<div id="mm-tabcloseother">关闭其他</div>
	</div>
	
	<!--用户名下拉菜单-->
	<div id="self_operate" class="easyui-menu" style="display:none;width:30px;">
		<div iconCls="fa fa-user-circle" onclick="updself()">个人信息</div>
		<div iconCls="fa fa-key" onclick="updpwd()">修改密码</div>
	    <div iconCls="fa fa-power-off" onclick="logout()">安全退出</div>
	</div>
	
	<!--修改密码窗口-->
	<div id="updpsw" class="easyui-dialog" title="修改密码" modal="true" closed="true" 
				style="display:none;width:320px;height:270px;">
		<div class="easyui-layout" fit="true">
			<form id="pswform" class="easyui-form" method="post">
				<div region="center" border="false">
					<div class="centerdiv"><table>
	                	<tr><td>原密码：</td>
	                        <td><input name="oldpsw" class="easyui-textbox" 
	                        	type="password" data-options="required:true"/></td></tr>
	                    <tr><td>新密码：</td>
	                        <td><input name="newpsw" id="newpsw" class="easyui-textbox" 
	                        	type="password" data-options="required:true"/></td></tr>
	                    <tr><td>再次确认：</td>
	                        <td><input name="repsw" id="repsw" class="easyui-textbox" 
	                        	type="password" data-options="required:true"/></td></tr>
                	</table></div>
				</div>
		    	<div region="south" border="false" class="southdiv">
					<a class="easyui-linkbutton" icon="fa fa-check-square-o" href="javascript:void(0)" onclick="subpsw()">保存</a>
					<a class="easyui-linkbutton" icon="fa fa-undo" href="javascript:void(0)" onclick="closediv()">取消</a>
		    	</div>
    		</form>
		</div>
	</div>
	
	<!--修改个人信息-->
	<div id="updself" class="easyui-dialog" title="修改信息" modal="true" closed="true" 
				style="display:none;width:320px;height:270px;">
		<div class="easyui-layout" fit="true">
			<form id="selfform" class="easyui-form" method="post">
				<div region="center" border="false">
					<div class="centerdiv"><table>
			    		<tr><td>用户名：</td>
				    		<td><input class="easyui-textbox" name="accname"/></td></tr>
			    		<tr><td>联系方式：</td>
				    		<td><input class="easyui-numberbox" name="accphone" data-options="validType:['mobile']"/></td></tr>
			    		<tr><td>电子邮箱：</td>
				    		<td><input class="easyui-textbox" name="accemail" data-options="validType:['email']"/></td></tr>
			    	</table></div>
				</div>
		    	<div region="south" border="false" class="southdiv">
					<a class="easyui-linkbutton" icon="fa fa-check-square-o" href="javascript:void(0)" onclick="subself()">保存</a>
					<a class="easyui-linkbutton" icon="fa fa-undo" href="javascript:void(0)" onclick="closediv()">取消</a>
		    	</div>
    		</form>
		</div>
	</div>
	
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easyui.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/validate.js"></script>
	<script th:inline="javascript">
		﻿$(function() {
			$('#user_oprt').splitbutton({menu:'#self_operate'});
			addNav([[${menulist}]]);
			initMenu();
		});
	</script>

</body>
</html>